[#import "/framework/JGP.htm"  as JGP]
<!--
项目   sys
作者   LOUFEI [Gavin]
时间   2018/4/2
-->
[@JGP.head "菜单编辑"]
    <style>
        .weight-description{
            color: red;
        }
        .weight-input{
            font-weight: bold;
            color: green;
        }
    </style>
[/@JGP.head]
[@JGP.body]
    <jgp-div _row="['40','*']" _runit="px">
        <div slot="1-1">
            <jgp-btn _fn="saveCallback" _form="form">保存</jgp-btn>
        </div>
        <jgp-panel slot="2-1">

            <jgp-form _id="form" _action="/sys/menu-api-ctl/save" _cols="12" _label_width="80px">
                <jgp-text _name="title" _col="6" _label="标题" _placeholder="菜单名" _required="true"></jgp-text>
                <jgp-text _name="code" _col="6" _label="编码" _required="true" _onchange="fixValue"></jgp-text>
                <jgp-drop _name="type" _col="4" _label="终端" _required="true" _list="[{'label':'电脑端','value':'PC'},{'label':'平板端','value':'PAD'},{'label':'手机端','value':'MOBILE'}]"></jgp-drop>
                <jgp-num class="weight-input" _name="weight" _col="4" _label="权重" _required="true"></jgp-num>
                <jgp-text _name="icon" _col="4" _label="图标" _required="true"></jgp-text>
                <jgp-num _name="sort" _col="4" _required="true" _label="排序" _value="0"></jgp-num>
                <jgp-radio _name="enabled" _col="7" _label="可用" _value="true" _list="[{'label':'可用','value':true},{'label':'不可用','value':false}]"></jgp-radio>
                <jgp-text _name="link" _col="12" _label="链接"></jgp-text>
                <jgp-area _name="remark" _col="12" _label="说明"></jgp-area>
                <jgp-form-group _title="权重说明:范围 0 &lt; 权重 &lt; 300">
                    <p class="weight-description">1）0 &lt; 权重 &lt; 150：为普通用户可见，可以理解为会员用户、前端用户</p>
                    <p class="weight-description">2）0 &lt; 权重 &lt; 200：为系统用户可见，可以理解为工作人员、后台用户</p>
                    <p class="weight-description">3）0 &lt; 权重 &lt; 250：为系统管理员可见，可以理解为管理员、后台管理员</p>
                    <p class="weight-description">4）0 &lt; 权重 &lt; 300：为超级管理员可见</p>
                </jgp-form-group>
            </jgp-form>
        </jgp-panel>
    </jgp-div>

[/@JGP.body]

[@JGP.foot]

    <script>
        var id = ${id!'null'};
        var parentId = ${parentId!'null'};

        JGP.$onload(function () {
            initMenu();
        })

        function initMenu() {
            if (id) {
                JGP.$post('/sys/menu-api-ctl/query-one', {id: id}, function (res) {
                    JGP.form('form').setData(res.data.menu)
                })
            } else if (parentId !== null) {
                JGP.form('form').field('parentId', parentId)
            }
        }

        function saveCallback(result) {
            if (result.back.flag) {
                JGP.$alert('保存成功')
                JGP.$close(true);
            }
        }

        function fixValue(args) {
            var form = JGP.form('form');
            var value = args.back
            if(value){
                form.field('code', value.toUpperCase());
            }
        }

    </script>

[/@JGP.foot]